.suplist {
  .topnav {
    // padding: 20px;
    .ant-btn {
      font-size: 13px;
      border-color: #c0ccdd !important;
      background: #eaf2ff !important;
      background-image: linear-gradient(#f9fdff, #e9f4ff, #f9fdff) !important;
      color: #001529 !important;
      margin-right: 15px;
      padding: 3px 8px;
    }

    .ant-btn:hover {
      // background-color: #5377b6 ;
      background-image: linear-gradient(#b2ddff, #7bbdff, #b2ddff) !important;
    }
  }

  .body {
    margin-top: 10px;
    padding: 10px 0;
    background-color: white;
    width: 100%;

    .btn {
      font-size: 13px;
      border-color: #c0ccdd !important;
      background: #eaf2ff !important;
      background-image: linear-gradient(#f9fdff, #e9f4ff, #f9fdff) !important;
      color: #001529 !important;
      margin-right: 15px;
      padding: 3px 18px;
    }

    .btn:hover {
      // background-color: #5377b6 ;
      background-image: linear-gradient(#b2ddff, #7bbdff, #b2ddff) !important;
    }

    .suptab {
      border: 1px solid #c0ccdd;
      height: 425px;
      display: flex;

      .lefttree {
        display: inline-block;

        width: 200px;
        overflow-y: scroll;

        .ant-tree {
          font-size: 13px !important;
        }
      }

      .righttab {
        width: 100%;
        height: 100%;
        overflow: scroll;
        // display: inline-block;
      }
    }
  }
}
